import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  {
    path: '/props',
    name: 'props',
    component: () => import('../pages/01_props/Father.vue')
  },
  {
    path: '/event',
    component: () => import('../pages/02_custom-event/Father.vue')
  },
  {
    path: '/bus',
    component: () => import('../pages/03_mitt/Father.vue')
  },
  {
    path: '/model',
    component: () => import('../pages/04_v-model/Father.vue')
  },  
  {
    path: '/attrsListeners',
    component: () => import('../pages/05_$attrs/Father.vue')
  },
  {
    path: '/refChildrenParent',
    component: () => import('../pages/06_$refs-$parent/Father.vue')
  },
  {
    path: '/procidenInject',
    component: () => import('../pages/07_provide-inject/Father.vue')
  },
  {
    path: '/pinia',
    component: () => import('../pages/08_pinia/Father.vue')
  },
  {
    path: '/slot',
    component: () => import('../pages/09_slot/Father.vue')
  },   
]
const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router 